<template>
  <li class="d-flex align-items-center list-group-item">
      <button class="btn border-0 text-left flex-grow-1"></button>
  </li>
</template>
<script>
export default {
  props: {
    todoString: String,
    completed: Boolean,
  },
  data() {
    return {
      isEditing: false,
      newTodoString: "",
    };
  },
};
</script>

<style scoped>
.completed {
  text-decoration: line-through;
  color:#fec;
  background: #ffff00;
}
</style>